.container {
    height: 100%;
    display: flex;

    .left,
    .right {
        width: 50%;
        height: 100%;
    }

    /* left */
    .left {
        background-color: rgba(64, 158, 255, .2);
        position: relative;
    }

    .controller {
        padding: 1rem 1.6rem;
        position: absolute;
        user-select: none;
        left: 3.2rem;
        top: 2rem;
        padding: 2rem;
        background-color: rgba(64, 160, 255, 0.4);
        color: #fff;
        border-radius: .5rem;
        box-shadow: 0 0 .5rem 0 rgba(0, 0, 0, 0.3);
    }

    .flex-y-center{
        display: flex;
        align-items: center;

        label{
            margin-left: .5rem;
        }
    }

    /* right */
    .right {
        position: relative;
        box-sizing: content-box;
    }
}